@import '../../../../asset/styles/util.less';

.Market{
  background-color: #fff;
  width: 1230px;
  margin-top: 20px;
  margin-left: 25px;
  .content{
    padding-top: 30px;
    width: 1230px;
    .condition{
      width: 100%;
      height: 32px;
      //border-bottom: 1px solid #ccc;
      background-color: #fff;
      .checkBox{
        margin-left: 22px;
        line-height: 30px;
      }
      .soldOut,.delete{
        margin-left: 38px;
        span{
          display: inline-block;
          width: 76px;
          height: 31px;
          line-height: 31px;
          border: 1px solid #ccc;
          text-align: center;
          cursor: pointer;
        }
      }
      .select{
        margin-left: 410px;
      }
      .input{
        margin-left: 15px;
      }
      .screen{
        margin-left: 30px;
        span{
          cursor: pointer;
          display: inline-block;
          height: 32px;
          width: 60px;
          text-align: center;
          line-height: 32px;
          color: #fff;
          background-color: #155fa0;
        }
      }
      .clear{
        span{
          cursor: pointer;
          display: inline-block;
          height: 32px;
          width: 80px;
          //background-color: #f00;
          text-align: center;
          line-height: 32px;
          color: #155fa0;
        }
      }
    }
    .list{
      width: 1200px;
      margin: auto;
      padding-top: 20px;
      .title{
        background-color: #f6f6f6;
        font-size: 14px;
        color: #333333;
        height: 40px;
        .titleOne{
          span{
            display: inline-block;
            height: 40px;
            width: 140px;
            line-height: 40px;
            text-align: center;
          }
        }
        .num{
          span{
            display: inline-block;
            height: 40px;
            width: 300px;
            line-height: 40px;
            text-align: center;
          }
        }
        .price,.time{
          height: 40px;
          width: 300px;
          text-align: center;
          .priceOne{
            margin-left: 120px;
            margin-right: 10px;
            span{
              line-height: 40px;
            }
          }
          .priceTwo{
            .icon{
              font-size: 12px;
            }
          }
        }
        .handle{
          margin-left: 60px;
          span{
            cursor:pointer;
            display: inline-block;
            width: 100px;
            height: 40px;
            line-height: 40px;
            text-align: center;
          }
        }
      }
      .listOne{
        height: 64px;
        width: 1200px;
        .titleOne{
          span{
            display: inline-block;
            line-height: 64px;
            width: 140px;
            text-align: center;
          }
        }
        .num,.time,.price{
          span{
            display: inline-block;
            height: 64px;
            width: 300px;
            line-height: 64px;
            text-align: center;
          }
        }
        .handle{
          margin-left: 60px;
          span{
            display: inline-block;
            width: 50px;
            height: 64px;
            line-height: 64px;
            text-align: center;
          }
        }
      }
    }
  }
  .bg{
    position: relative;
    width: 1920px;
    height: 100%;
    z-index: 998;
    .alert{
      position: absolute;
      width: 550px;
      height: 260px;
      z-index: 999;
    }
  }
}